<template>
  <div>
    <!-- <span>city</span> -->
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="item of banner" :key="item.src">
          <img :src="item.imgUrl" alt="item.alt">
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  data(){
    return {
      banner:[]
    }
  },
    mounted(){
        this.$http("/api/article/banner").then(res=>{
          // console.log(res.data.res);
          this.banner = res.data.res
        })
    }
}
</script>

<style scoped>
  .my-swipe img{
    width: 100%;
    /* height: 300px; */
  }
  span{

  }
</style>